<template>
  <div class="g-mn6c">
    <div class="g-wrap">
      <h3 class="v-hd3">
        <span class="txt">@我的</span>
      </h3>
      <div class="n-msgnt">
        <div>
          <div class="n-nmusic">
            <h3 class="f-ff2">
              <i class="u-icn-21"></i>
              暂时还没有收到@
            </h3>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="less">
.g-mn6c {
  margin-left: 185px;

  .g-wrap {
    padding: 40px;
    .v-hd3 {
      height: 35px;
      border-bottom: 2px solid #d13030;

      .txt {
        font-size: 14px;
        font-weight: bold;
        line-height: 35px;
        float: left;
      }
    }
    .n-msgnt{
      margin-bottom: 40px;
      margin-top: 1px;
      .n-nmusic{
        padding: 105px 0 105px 0;
        text-align: center;
        .f-ff2{
          padding-bottom: 38px;
          font-size: 18px;
          font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
          .u-icn-21{
            margin-right: 17px;
            width: 64px;
            height: 50px;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
            background-image: url("../../../assets/icon.png");
            background-position: 0 -347px;
          }
        }
      }
    }
  }
}
</style>